<script setup lang="ts">
import IconFullscreenExitOutlined from '@/components/icons/IconFullscreenExitOutlined.vue'
import IconFullscreenOutlined from '@/components/icons/IconFullscreenOutlined.vue'
import { useAppStore } from '@/stores/app'

const appStore = useAppStore()
</script>

<template>
  <IconFullscreenExitOutlined v-if="appStore.isFullscreen" class="mb-2" style="font-size: 22px" />
  <IconFullscreenOutlined v-else class="mb-2" style="font-size: 22px" />
  <span class="text-xs">{{ appStore.isFullscreen ? '退出全屏' : '全屏' }}</span>
</template>
